/* ======================================================
   <!-- Back to Top -->
/* ====================================================== */
@import '@/components/_utils/styles/_variable-and-mixin.scss';

.poemkit-to-top {
	button {
		transform: scale(0);
		position: fixed;
		bottom: 12px;
		right: 12px;
		width: 50px;
		height: 50px;
		z-index: 1;
		text-align: center;
		@include transition-default();

		display: block;
		outline: none;
		border: none;
		background-color: transparent;

		&.is-active {
			transform: scale(1);
		}

		&:active,
		&:focus {
			outline: none;
		}	

		i {
			font-size: 1.5rem;
		}	
	}

}
